﻿<!DOCTYP/*E html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>To Do App</title>

    <link href="Content/bootstrap-theme.css" rel="stylesheet" />
    <link href="Content/bootstrap.css" rel="stylesheet" />

</head>
<body class="container well-lg" style="background-color: #e0e0e0">
    <div id="header" class="panel panel-success">
        <div class="panel-body">
            <h1 class="text-success"> To Do List:</h1>
            <p class="text-success">Add a task to your To Do List and set the priority level 1 -3.</p>
        </div>
    </div>
    <div id="input" class="col-md-4 column">
        <label class="label-success">Task:</label><br/>
        <input type="text" id="toDoItem"/><br/>
        <label class="label-success">Priority Level:</label><br/>
        <input type="text" id="priorityLevel"/><br/>
        <button type="button" class="btn btn-success"onclick="toDoApp.submitTask()">Submit</button>
    </div>
    <div id="table" class="col-md-8 column table-bordered"></div>
    <div id="result"></div>


    <script src="Scripts/jquery-2.1.1.js"></script>
    <script src="Scripts/bootstrap.js"></script>
    <script src="jsmain.js"></script>
</body>
</html>
